<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=1, user-scalable=no">
		<title>会员中心</title>
		<style>			
			ul{
				padding-left:0;
			}
			.ucenter-header{
				padding:10px 20px;
				height:108px;
				background-color: #E71F19;
				margin-bottom:10px;
				color:#fff;
			}
			#ucenter .ucenter-header ul li{
				display:flex;
				text-align:center;
			}
			#ucenter .ucenter-header ul li:first-child{
				height:30px;
				line-height: 30px;
			}
			#ucenter .ucenter-header ul li img{
				width:30px;
				height:30px;
				margin-right:10px;
				border-radius:50%;
			}
			#ucenter .ucenter-header ul li:nth-child(2) span{
				display:block;
			}
			#ucenter .ucenter-header ul li:nth-child(2){
				margin-top:10px;				
			}
			#ucenter .ucenter-header ul li:nth-child(2) div{
				width:50%;
			}
			.go-index{
				right: 20px;
				float: right;
				position: absolute;
			}
			.go-index a{
				color: #fff;
				padding: 4px 10px;
				border: 1px solid;
				border-radius: 4px;
			}
			.vip-level{
				width: 18px !important;
				height: 18px !important;
				margin-left: 5px;
				margin-right: 0px !important;
				border-radius: 0px !important;
			}
		</style>
		<link rel="stylesheet" href="../css/wzl-bootstrap.css"/>
	    <link rel="icon" href="../favicon.ico" type="image/x-icon" />
	    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
	    <script src="../js/dist/seajs/2.3.0/dist/sea.js"></script>
	    <script>
		    function load(){
		    	/*seajs.config({
		            base:'../js/dist'
		        })
		
		        seajs.use('wzlh5/1.0.0/user',function(userA){
		            userA.userA();
		        })*/
		    }        
        </script>
	</head>
	<body>
		<div id="ucenter">
			<div class="ucenter-header">
				<ul>
					<li ><img src="" alt="" id="uImg"/><span class="uname"></span>
						<span><img class="vip-level" src="../imgs/ui/vip_1.png"/></span>
						<span class="go-index"><a href="../index.html">前往兑彩</a></span>
					</li>
					<li>
						<div>
							<span>可用余额</span>
							<span class="account">0.00</span>
						</div>
						<div>
							<span>可用积分</span>
							<span class="points">0</span>
						</div>
						
					</li>
					<!--<li>
						<div><span>积分</span></div>
						<div><span></span></div>
					</li>-->
				</ul>
			</div>
			<div class="ucenter-section">
				<ul style="padding-left:0;">
			    <li class="list-group-item group">
                    <a href="bettingdetail.html" class="ualist-items">
                        <span class="glyphicon  icon-uci icon-uc-betr"></span>
                        <span class="uatitle">投注记录</span>
                    </a>
                </li>
                <li class="list-group-item group">
			        <a href="../../analyse.html" class="ualist-items">
			            <span class="glyphicon icon-uci icon-uc-ua"></span>
			             <span class="uatitle">我的订阅</span>		           
			        </a>
			    </li>				
                <!--<li class="list-group-item group">
			        <a href="bindbank.html" class="ualist-items">
			            <span class="glyphicon icon-uci icon-uc-card"></span>
			            <span class="uatitle">绑定银行</span>
			           
			        </a>
			    </li>-->
			    <li class="list-group-item group">
	                <a href="drawMoney.html" class="ualist-items">
	                    <span class="glyphicon icon-uci icon-uc-rmb"></span>
	                    <span class="uatitle">提现</span>
	                </a>
                </li> 
                <li class="list-group-item group">
			        <a href="myBank.html" class="ualist-items">
			            <span class="glyphicon icon-uci icon-uc-im"></span>
			            <span class="uatitle">我的银行卡</span>
			            
			        </a>
			    </li>
				<li class="list-group-item group">
					<a href="chongjf.html" id="chongjf" class="ualist-items">
						<span class="glyphicon icon-uci icon-chongjf"></span>
						<span class="uatitle">余额充积分</span>

					</a>
				</li>
				<li class="list-group-item group">
					<a href="songjf.html" id="songjf" class="ualist-items">
						<span class="glyphicon icon-uci icon-songjf"></span>
						<span class="uatitle">积分转赠</span>

					</a>
				</li>
				<li class="list-group-item group">
					<a href="../../vipPlus.html" id="vipPlus" class="ualist-items">
						<span class="glyphicon icon-uci icon-vipPlus"></span>
						<span class="uatitle">会员升级</span>

					</a>
				</li>
			    <!--<li class="list-group-item group">
			        <a href="../../goods.html" class="ualist-items">
			            <span class="glyphicon icon-uci icon-uc-shangcheng" style="width:20px;height:20px;margin-top:5px;margin-left:5px; margin-right:15px"></span>
			            <span class="uatitle">商城</span>			            
			        </a>
			    </li>-->

				</ul>
			</div>
			<!--跳积分商城-->

			<a id="jifen-bet-btn"  href="" style="display:block;">
				<img src="../../img/gojifen.jpg" style="display:block;width: 100%"/>
			</a>
		</div>
		
		<script src="../js/jquery-1.8.0.min.js"></script>
		<script src='../js/see-intercept.js'></script>
		<script >
			var token=localStorage.getItem("token");
			var phoneNum=localStorage.getItem("phoneNum");			

		    $(document).ready(function(){
                $("#jifen-bet-btn").attr("href","http://"+window.location.host+"/fenful/h5/goods.html");
                var paramStr = {};
                paramStr.phoneNum =phoneNum;
                var params = {};
                params.paramStr = JSON.stringify(paramStr);
                console.log(params);
		        var flag = false;
				$.ajax({
					headers: {"phone":phoneNum,"token":token},
		            method: "POST",
		            data:params,
		            url:'/fenful/api/v1/user/getUser',
		            datatype: "json",
		            async: flag,
		            success: function(re) { 
		            	console.log(re);
		            	var data=JSON.parse(re.data);
		            		            	
						$('#uImg').attr("src",data.headImg);
		            	$('.uname').text(data.nickName);
		            	$('.account').text(data.money);
		            	$('.points').text(data.points);

		            	//会员图片
		            	var vipImg = "../imgs/ui/";
		            	var memberGrade = data.memberGrade;
		            	if(memberGrade=="1"){
                            vipImg+="vip_1.png";
						}else if(memberGrade=="2"){
                            vipImg+="vip_2.png";
						}else if(memberGrade=="3"){
                            vipImg+="vip_3.png";
						}
		            	$(".vip-level").attr("src",vipImg);
		            },
		            error: function(re) {	
		            	console.log(re);
//		               window.location.href="http://dev-api.fenful.com/h5/#/login?wzl"; 
		            }
		        })
			})	
		</script>
	</body>
</html>